<template lang="pug">
.index
  .index-menu
    el-button(size="small" :type="$route.name === 'appltMaterial' ? 'primary' : ''" :name="$route.name === 'appltMaterial' ? '' : 'primary'" @click="seeMaterial") 材料推荐设置
    el-button(size="small" :type="$route.name === 'appltCase' ? 'primary' : ''" :name="$route.name === 'appltCase' ? '' : 'primary'" @click="seeCase") 案例推荐设置
  keep-alive(exclude="")
    router-view
</template>

<script>
export default {
  name: 'appltManage',
  methods: {
    seeMaterial () {
      this.$router.replace({ name: 'appltMaterial' })
    },
    seeCase () {
      this.$router.replace({ name: 'appltCase' })
    }
  }
}
</script>

<style lang="scss" scoped>
.index {
  width: 100%;
  height: calc(100% - 66px);
}
.index-menu {
  padding: 0 32px 16px;
}
</style>
